<template>
	<view class="content">
		<block v-if="formData.status < 2">
		    <view class="nodata">
				<view class="nodata-icon">
					<text class="iconfont icon-shenhezhong"></text>
				</view>
				<view class="apply-tit">提交成功，审核中</view>
				<view class="nodata-tit">资料修改申请已提交，请等待审核。</view>
				<view class="vote-bt">
					<!--<text @click="modify_data_step1">修改资料</text>-->
				</view>
			</view>
		</block>
		<block v-else>
			<view class="place-time" style="display: none;">
				
				<view class="place-time-tp" style="display: none;">
					<view class="place-time-name">姓名</view>
					<view class="place-time-con">
						<input type="text" v-model="formData.real_name" placeholder="请输入真实姓名" class="apply-text" />
					</view>
				</view>
				
				<view class="place-time-tp" style="display: none;">
					<view class="place-time-name">性别</view>
					<view class="place-time-con">
						<label @click="formData.sex = 1">
							<radio :checked="formData.sex == 1 ? true : false" />男
						</label>
						<label @click="formData.sex = 2">
							<radio :checked="formData.sex == 2 ? true : false" />女
						</label>
					</view>
				</view>
				
				<view class="place-time-tp" style="display: none;">
					<view class="place-time-name">年龄</view>
					<view class="place-time-con">
						<input type="number" v-model="formData.age" placeholder="请输入年龄,例如:32" class="apply-text" />
					</view>
				</view>
				
				<view class="place-time-tp" style="display: none;">
					<view class="place-time-name">从业年份</view>
					<view class="place-time-con">
						<input type="number" v-model="formData.work_year" placeholder="请输入从业年份,例如:5" class="apply-text" />
					</view>
				</view>
				
				<view class="place-time-tp" style="display: none;">
					<view class="place-time-name">手机号</view>
					<view class="place-time-con">
						<input type="number" v-model="formData.mobile" placeholder="请输入手机号码" class="apply-text" />
					</view>
				</view>
				
				<view class="place-time-tp" style="display: none;">
					<view class="place-time-name">意向工作城市</view>
					<view class="place-time-con" style="text-align: right;" @tap="handleTap()">
						<text>{{lbPickerData.label}}</text>
						<text class="iconfont icon-jinrujiantou"></text>
					</view>
					<!--地址三级联动-->
					<lb-picker ref="picker"
					  v-model="lbPickerData.value"
					  mode="multiSelector"
					  :list="lbPickerData.data"
					  :level="3"
					  :dataset="{ name: 'label' }"
					  @change="handleChange"
					  @confirm="handleConfirm"
					  @cancel="handleCancel">
					</lb-picker>
				</view>
			</view>
			
			<view class="feed">
				<view class="feed-tit">个人生活照</view>
				<view class="feed-con">
					<block v-for="(item, index) in formData.self_img_arr" :key="index">
						<view class="apply-img">
							<image :src="app_url+item" mode="aspectFill" class="photo"></image>
							<image src="../../static/del.png" mode="widthFix" class="del" @click="delSelfImg(index)"></image>
						</view>
					</block>
					
					<view class="apply-img" @click="uploadSelfImg" v-if="formData.self_img_arr.length < 9">
					  <image src="../../static/icon-img.png" mode="widthFix"  class="photo"></image>
					</view>
					
				</view>
			</view>
			
			<view class="place-time">
				<view class="place-time-tp">
					<view class="place-time-name">平台昵称</view>
					<view class="place-time-con">
						<input type="text" v-model="formData.nickname" placeholder="请输入平台展示昵称" class="apply-text" />
					</view>
				</view>
				<view class="place-time-tp">
					<view class="place-time-name">真实姓名</view>
					<view class="place-time-con">
						<input type="text" v-model="formData.real_name" placeholder="请输入真实姓名" class="apply-text" />
					</view>
				</view>
				<view class="place-time-tp">
					<view class="place-time-name">身份证号</view>
					<view class="place-time-con">
						<input type="text" v-model="formData.idnumber" placeholder="请输入身份证号" class="apply-text" />
					</view>
				</view>
				<view class="place-time-tp">
					<view class="place-time-name">从业年限</view>
					<view class="place-time-con">
						<input type="text" v-model="formData.work_year" placeholder="请输入工龄,例如5" class="apply-text" />
					</view>
				</view>
				<view class="place-time-tp">
					<view class="place-time-name">紧急联系电话</view>
					<view class="place-time-con">
						<input type="text" v-model="formData.sos_phone" placeholder="请输入紧急联系电话" class="apply-text" />
					</view>
				</view>
				<view class="place-time-tp" style="display: none;">
					<view class="place-time-name">所在地址</view>
					<view class="place-time-con" style="text-align: right;" @click="getAddress">
						<text>{{address_show}}</text>
						<text class="iconfont icon-jinrujiantou"></text>
					</view>
				</view>
				
				<view class="place-time-tp" style="height: auto; display: none;">
					<view class="place-time-name">服务项目</view>
					<view class="place-time-con">
						<checkbox-group @change="chooseService">
							<block v-for="(item, index) in service_list" :key="index">
								<label>
									<checkbox :value="item.id" :checked="formData.service_ids_arr.includes(item.id.toString())"></checkbox>{{item.title}}
								</label>
							</block>
						</checkbox-group>
					</view>
				</view>
			</view>
			
			<view class="place-rem">
				<view class="place-rem-tit">
					<text>技师简介</text>
				</view>
				<view class="place-rem-con">
					<textarea v-model="formData.descs" placeholder="请输入技师简介"></textarea>
				</view>
			</view>
			
			<view class="feed" style="display: none;">
				<view class="feed-tit">身份证照片</view>
				<view class="feed-con">
					<block v-if="formData.id_card_img_arr[0]">
						<view class="apply-img">
							<image :src="app_url+formData.id_card_img_arr[0]" mode="aspectFill" class="photo"></image>
							<image src="../../static/del.png" mode="widthFix" class="del" @click="delMediaFun('id_card_img_arr', 'arr', 0, false)"></image>
						</view>
					</block>
					<block v-else>
						<view class="apply-img" @click="uploadMediaFun('id_card_img_arr', 'arr', 'image', 0,'')">
						  <image src="../../static/icon-img1.png" mode="widthFix"  class="photo"></image>
						</view>
					</block>
					<block v-if="formData.id_card_img_arr[1]">
						<view class="apply-img">
							<image :src="app_url+formData.id_card_img_arr[1]" mode="aspectFill" class="photo"></image>
							<image src="../../static/del.png" mode="widthFix" class="del" @click="delMediaFun('id_card_img_arr', 'arr', 1, false)"></image>
						</view>
					</block>
					<block v-else>
						<view class="apply-img" @click="uploadMediaFun('id_card_img_arr', 'arr', 'image', 1,'')">
						  <image src="../../static/icon-img2.png" mode="widthFix"  class="photo"></image>
						</view>
					</block>
					<block v-if="formData.id_card_img_arr[2]">
						<view class="apply-img">
							<image :src="app_url+formData.id_card_img_arr[2]" mode="aspectFill" class="photo"></image>
							<image src="../../static/del.png" mode="widthFix" class="del" @click="delMediaFun('id_card_img_arr', 'arr', 2, false)"></image>
						</view>
					</block>
					<block v-else>
						<view class="apply-img" @click="uploadMediaFun('id_card_img_arr', 'arr', 'image', 2,'')">
						  <image src="../../static/icon-img3.png" mode="widthFix"  class="photo"></image>
						</view>
					</block>
				</view>
			</view>
			
			<view class="feed">
				<view class="feed-tit">资格证书</view>
				<view class="feed-con">
					<block v-for="(item, index) in formData.diploma_img_arr" :key="index">
						<view class="apply-img">
							<image :src="app_url+item" mode="aspectFill" class="photo"></image>
							<image src="../../static/del.png" mode="widthFix" class="del" @click="delMediaFun('diploma_img_arr', 'arr', index, true)"></image>
						</view>
					</block>
					<view class="apply-img" @click="uploadMediaFun('diploma_img_arr', 'arr', 'image', null,2)" v-if="formData.diploma_img_arr.length < 15">
					  <image src="../../static/icon-img.png" mode="widthFix"  class="photo"></image>
					</view>	
				</view>
			</view>
			
			<view class="feed">
				<view class="feed-tit">工作形象照</view>
				<view class="feed-con">
					<view class="apply-img" v-if="formData.work_img">
						<image :src="app_url+formData.work_img" mode="aspectFill" class="photo"></image>
						<image src="../../static/del.png" mode="widthFix" class="del" @click="delMediaFun('work_img', 'str', null, false)"></image>
					</view>
					<view class="apply-img" @click="uploadMediaFun('work_img', 'str', 'image', null,1)" v-else>
					  <image src="../../static/icon-img.png" mode="widthFix"  class="photo"></image>
					</view>	
				</view>
			</view>
			
			<view class="feed">
				<view class="feed-tit">健康证</view>
				<view class="feed-con">
					<view class="apply-img" v-if="formData.healty_img">
						<image :src="app_url+formData.healty_img" mode="aspectFill" class="photo"></image>
						<image src="../../static/del.png" mode="widthFix" class="del" @click="delMediaFun('healty_img', 'str', null, false)"></image>
					</view>
					<view class="apply-img" @click="uploadMediaFun('healty_img', 'str', 'image', null,1)" v-else>
					  <image src="../../static/icon-img.png" mode="widthFix"  class="photo"></image>
					</view>	
				</view>
			</view>
			
			<view class="feed">
				<view class="feed-tit">无犯罪记录证明</view>
				<view class="feed-con">
					<view class="apply-img" v-if="formData.nofan_img">
						<image :src="app_url+formData.nofan_img" mode="aspectFill" class="photo"></image>
						<image src="../../static/del.png" mode="widthFix" class="del" @click="delMediaFun('nofan_img', 'str', null, false)"></image>
					</view>
					<view class="apply-img" @click="uploadMediaFun('nofan_img', 'str', 'image', null,1)" v-else>
					  <image src="../../static/icon-img.png" mode="widthFix"  class="photo"></image>
					</view>	
				</view>
			</view>
			
			<view class="feed" style="display: none;">
				<view class="feed-tit">个人视频介绍</view>
				<view class="feed-con">
					<view class="apply-img" v-if="formData.video">
						<video :src="app_url+formData.video" mode="aspectFill" class="photo"></video>
						<image src="../../static/del.png" mode="widthFix" class="del" @click="delMediaFun('video', 'str', null, false)"></image>
					</view>
					<view class="apply-img" @click="uploadMediaFun('video', 'str', 'video', null,'')" v-else>
					  <image src="../../static/icon-video.png" mode="widthFix"  class="photo"></image>
					</view>	
				</view>
			</view>
			
			<view class="h110"></view>
			
			<view class="detail-sel">
				<view class="detail-btn" @click="doEditApply">提交修改</view>
			</view>
		</block>
	</view>
</template>

<script>
	const app = getApp();
	const request = require('../../utils/request');
	import lbPicker from '@/components/lb-picker';
	export default{
		components:{
			lbPicker
		},
		data(){
			return{
				/**
				 * 网址
				 */
				app_url:app.globalData.app_url,
				/**
				 * 表单数据
				 */
				formData:{
					//id:'', //申请id
					real_name:'', //真实姓名
					sex:1, //性别 0未知 1男 2女
					age:'', //年龄
					work_year:'', //从业年份
					mobile:'', //手机号
					province:'', //工作地区-省
					city:'', //工作地区-市
					county:'', //工作地区-区/县
					self_img_arr:[], //个人生活照
					
					nickname:'', //昵称
					address:'', //所在地址
					lng:'',
					lat:'',
					service_ids_arr:[], //服务项目
					descs:'', //技师简介
					id_card_img_arr:['', '', ''], //身份证照片
					diploma_img_arr:[], //资格证书
					work_img:'', //工作形象照
					video:'', //个人视频介绍
				},
				address_show:'请选择所在地址',
				/**
				 * 个人生活照上传数量
				 */
				self_img_num:1,
				/**
				 * lbPicker数据值
				 */
				lbPickerData:{
					formInt:[
						'province',
						'city',
						'county'
					], //form省、市参数key名
					data:[], //城市数据列表
					value:[], //默认值
					label:'请选择'
				},
				
				service_list:[], //服务列表
			}
		},
		onLoad()
		{
			var that = this;
			that.load_area_three_level(); //加载三级联动地区
			that.load_service_list(); //加载服务
			
			that.load_techn_info(); //获取技师信息
		},
		onShow()
		{
			
		},
		methods:{
			/**
			 * 加载三级联动地区
			 */
			load_area_three_level:function()
			{
				var that = this;
				//网络请求
				request(app.globalData.api_url+'/v1/area/get_area_three_level', 'POST', {}).then((res) => {
					if(res.data.code == 0)
					{
						that.lbPickerData.data = res.data.data;
					}
				});
			},
			/**
			 * 点击选择地址
			 */
			handleTap:function()
			{
				var that = this;
				that.$refs.picker.show();
			},
			handleChange:function()
			{
				
			},
			handleCancel:function()
			{
				
			},
			/**
			 * 确定选择地区
			 */
			handleConfirm:function(e)
			{
				//console.log(e);
				var that = this;
				if(e)
				{
					const label = e.item.map(m => m.label).join('-');
					that.lbPickerData.label = label;
					for(var i = 0; i < e.value.length; i++)
					{
						that.formData[that.lbPickerData.formInt[i]] = e.value[i];
					}
				}
			},
			/**
			 * 上传个人生活照
			 */
			uploadSelfImg:function()
			{
				var that = this;
				uni.chooseMedia({
					count:that.self_img_num,
					mediaType:['image'],
					sourceType:['album', 'camera'],
					success:function(media_res)
					{
						//console.log(media_res);
						if(media_res.errMsg == "chooseMedia:ok")
						{
							uni.showLoading({
								title:'上传中...',
								mask:true
							});
							let tempFilePath = media_res.tempFiles[0]['tempFilePath'];
							//网络请求
							uni.uploadFile({
								url:app.globalData.api_url+'/v1/publics/upload_images',
								filePath:tempFilePath,
								name:'file',
								formData:{
									'path':'techn'
								},
								success:function(res)
								{
									uni.hideLoading();
									let data = JSON.parse(res.data);
									//console.log(data);
									if(data.code == 0)
									{
										let self_img_arr = that.formData.self_img_arr;
										self_img_arr = self_img_arr.concat(data.data.url);
										that.formData.self_img_arr = self_img_arr;
									}else
									{
										uni.showToast({
											title:data.msg,
											icon:'none'
										});
									}
								}
							});
						}
					}
				});
			},
			/**
			 * 删除个人生活照
			 */
			delSelfImg:function(index)
			{
				var that = this;
				let self_img_arr = that.formData.self_img_arr;
				self_img_arr.splice(index,1);
				that.formData.self_img_arr = self_img_arr;
			},
			/**
			 * 选择当前地址
			 */
			getAddress:function()
			{
				var that = this;
				uni.chooseLocation({
					success:function(res)
					{
						if(res.errMsg == "chooseLocation:ok")
						{
							if(!res.address)
							{
								uni.showToast({
									title:'请选择有效地址',
									icon:'none'
								});
								return false;
							}
							//console.log(res);
							that.formData.address = res.address;
							that.formData.lng = res.longitude;
							that.formData.lat = res.latitude;
							that.address_show = res.address;
						}
					}
				});
			},
			/**
			 * 加载服务
			 */
			load_service_list:function()
			{
				var that = this;
				//网络请求
				request(app.globalData.api_url+'/v1/service/lists', 'POST', {}).then((res) => {
					if(res.data.code == 0)
					{
						that.service_list = res.data.data;
					}
				});
			},
			/**
			 * 选择服务后触发
			 */
			chooseService:function(e)
			{
				var that = this;
				//console.log(e);
				let value = e.detail.value;
				//console.log(value);
				that.formData.service_ids_arr = value;
			},
			/**
			 * 上传图片、视频方法
			 */
			uploadMediaFun:function(form_name, form_type, media_type, form_key,types)
			{
				var that = this;
				uni.chooseMedia({
					count:1,
					mediaType:[media_type],
					sourceType:['album', 'camera'],
					maxDuration:60,
					success:function(media_res)
					{
						//console.log(media_res);
						if(media_res.errMsg == "chooseMedia:ok")
						{
							uni.showLoading({
								title:'上传中...',
								mask:true
							});
							let tempFilePath = media_res.tempFiles[0]['tempFilePath'];
							//网络请求
							let url = '';
							switch(media_type)
							{
								//图片
								case 'image':
									url = app.globalData.api_url+'/v1/publics/upload_images';
								break;
								//视频
								case 'video':
									url = app.globalData.api_url+'/v1/publics/upload_video';
								break;
							}
							uni.uploadFile({
								url:url,
								filePath:tempFilePath,
								name:'file',
								formData:{
									'path':'techn',
									'types':types
								},
								success:function(res)
								{
									uni.hideLoading();
									let data = JSON.parse(res.data);
									if(data.code == 0)
									{
										//console.log(data);
										let form_name_val = that.formData[form_name];
										//console.log(form_name_val);
										//return false;
										switch(form_type)
										{
											//数组
											case 'arr':
												if(form_key != null)
												{
													form_name_val[form_key] = data.data.url;
													form_name_val = form_name_val;
												}else
												{
													form_name_val = form_name_val.concat(data.data.url);
												}
											break;
											//字符串
											case 'str':
												form_name_val = data.data.url;
											break;
										}
										//console.log(form_name_val);
										that.formData[form_name] = form_name_val;
										that.$forceUpdate();
									}else
									{
										uni.showToast({
											title:data.msg,
											icon:'none'
										});
									}
								}
							});
						}
					}
				});
			},
			/**
			 * 删除图片、视频
			 */
			delMediaFun:function(form_name, form_type, form_key, reset_arr)
			{
				var that = this;
				var form_name_val = that.formData[form_name];
				//console.log(form_name_val);
				switch(form_type)
				{
					//数组
					case 'arr':
						if(reset_arr)
						{
							form_name_val.splice(form_key,1);
						}else
						{
							form_name_val[form_key] = '';
						}
					break;
					//字符串
					case 'str':
						form_name_val = '';
					break;
				}
				//console.log(form_name_val);
				that.formData[form_name] = form_name_val;
				that.$forceUpdate();
			},
			/**
			 * 获取技师信息
			 */
			load_techn_info:function()
			{
				var that = this;
				//网络请求
				request(app.globalData.api_url+'/v1/techn/edit_audit', 'POST', {}).then((res) => {
					if(res.data.code == 0)
					{
						let audit_info = res.data.data;
						that.formData = audit_info;
						that.lbPickerData.value = [audit_info.province, audit_info.city, audit_info.county];
						that.lbPickerData.label = audit_info.province_name+'-'+audit_info.city_name+'-'+audit_info.county_name;
						that.address_show = audit_info.address;
						
					}else
					{
						app.is_login_check(res.data);
						app.is_techn_check(res.data);
					}
				});
			},
			/**
			 * 提交修改
			 */
			doEditApply:function()
			{
				//console.log('修改审核');
				var that = this;
				var formData = that.formData;
				//网络请求
				request(app.globalData.api_url+'/v1/techn/edit_apply', 'POST', formData).then((res) => {
					if(res.data.code == 0)
					{
						that.load_techn_info(); //获取技师信息
					}else
					{
						uni.showToast({
							title:res.data.msg,
							icon:'none'
						});
						app.is_login_check(res.data);
						app.is_techn_check(res.data);
					}
				});
			}
		}
	}
</script>

<style lang="scss">
page{
	background-color: $uni-bg-color-grey;
}
/* radio 选中后的样式 */
/deep/.uni-radio-input-checked{
	background-color: rgb(36,201,107)!important;
	border-color: rgb(36,201,107)!important;
	background-clip: content-box!important;
	box-sizing: border-box;
}
/deep/.uni-checkbox-input-checked{
	color: #fff !important;
	background-color: rgb(36,201,107)!important;
	border-color: rgb(36,201,107)!important;
	background-clip: content-box!important;
	box-sizing: border-box;
}
.content{
	.nodata{
		margin-top: 40%;
		text-align: center;
		color:#ccc;
		.nodata-icon{
			text{
				font-size:130rpx;
				color: $uni-color-success;
			}
		}
		.apply-tit{
			margin:60rpx auto 0;
			color: #000;
			font-weight: bold;
		}
		.nodata-tit{
			margin: 20rpx;
			font-size: 28rpx;
			color: #000;
			line-height:50rpx;
		}
		.vote-bt{
			margin-bottom: 20rpx;
			text{
				border-radius:30rpx;
				font-size: 24rpx;
				padding: 10rpx 50rpx;
				color: #fff;
				background:rgb(36,201,107);
			}
		}
	}	
	.place-time{
		margin:30rpx 20rpx;
		padding:30rpx;
		background-color: #fff;
		border-radius: 20rpx;
		.place-time-tp{
			height: 60rpx;
			line-height: 60rpx;
			display: flex;
			border-bottom:1px solid #eee;
			padding-bottom:10rpx;
			margin-bottom:10rpx;
			&:last-child{
				border-bottom: none;
				margin-bottom:0;
			}
			.place-time-name{
				flex: 1;
				font-size:28rpx;
			}
			.place-time-con{
				flex: 2.5;
				vertical-align: middle;
				text{
					&:first-child{
						font-size:28rpx;
						color: $uni-text-color-grey;
					}
					&.place-coupon{
						color: #ff0000;
					}
				}
				label{
					display: inline-block;
					width:200rpx;
					font-size: 28rpx;
					margin-right:20rpx;
					radio{
						transform: scale(0.7);
					}	
					checkbox{
						transform: scale(0.7);
					}
				}
				.apply-text{
					height: 60rpx;
					line-height: 60rpx;
					font-size: 28rpx;
				}
			}
		}
		.place-time-bt{
			height: 60rpx;
			line-height: 60rpx;
			display: flex;
			.place-time-name{
				flex: 1;
				font-size:28rpx;
			}
			.place-time-con{
				flex: 2;
				text-align: right;
				text{
					&:first-child{
						font-size:28rpx;
						color:#ff0000;
					}
				}
				label{
					font-size: 28rpx;
					radio{
						transform: scale(0.7);
					}				
				}
	
			}
		}
		.place-km{
			margin-top:10rpx;
			font-size: 24rpx;
			color: $uni-text-color-grey;
		}
	}
	.place-rem{
		margin:30rpx 20rpx;
		padding:30rpx;
		background-color: #fff;
		border-radius: 20rpx;
		.place-rem-tit{
			font-size: 28rpx;
			margin-bottom: 20rpx;
		}
		.place-rem-con{
			display: flex;
			textarea{
				flex: 1;
				border-radius: 20rpx;
				font-size: 28rpx;
				padding: 20rpx;
				background-color:$uni-bg-color-grey;
			}
		}
	}
	.feed{
		margin:30rpx 20rpx;
		padding:30rpx;
		background-color: #fff;
		border-radius: 20rpx;
		.feed-tips{
			margin-top: 20rpx;
			font-size: 24rpx;
			color: rgb(118, 118, 118);
		}
		.feed-tip{
			font-size: 28rpx;
			color:rgb(118, 118, 118);
		}
		.feed-tit{
			font-size:28rpx;
			margin-bottom: 20rpx;
			text{
				color: #f00;
				margin-left: 10rpx;
			}
		}
		.feed-con{
			.apply-img{
			  width: 150rpx;
			  height: 150rpx;
			  overflow: hidden;
			  display: inline-block;
			  position: relative;
			  margin:10rpx 10rpx 0 0;
			}
			.photo{
			  width: 150rpx;
			  height: 150rpx;
			}
			.del{
			  width: 30%;
			  position: absolute;
			  right:5rpx;
			  top: 5rpx;
			}
			.feed-text{
				padding:20rpx;
				font-size: 28rpx;
				border-radius: 20rpx;
				background-color: $uni-bg-color-grey;
			}
			.feed-input{
				margin: 20rpx 0 0;
				height: 80rpx;
				line-height: 80rpx;
				border-radius: 20rpx;
				padding: 0 20rpx;
				font-size: 28rpx;
				background-color: $uni-bg-color-grey;
			}
			text{
				width: 31%;
				height: 60rpx;
				font-size: 28rpx;
				margin: 10rpx 18rpx 10rpx 0;
				line-height: 60rpx;
				border-radius:30rpx;
				display: inline-block;
				text-align: center;
				background-color: $uni-bg-color-grey;
				&:nth-child(3n){
					margin: 10rpx 0 10rpx 0;
				}
				&.feed-act{
					color: #fff;
					background-color: $uni-text-color-active;
				}
			}
		}
	}
	.detail-sel{
		padding:30rpx 20rpx;
		position:fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		text-align: center;
		.detail-btn{
			height:80rpx;
			line-height: 80rpx;
			border-radius: 35rpx;
			color: #fff;
			font-size: 28rpx;
			background-color:$uni-text-color-active;
		}
	}
	.h110{
		width: 100%;
		height:110rpx;
	}
}
</style>